<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name='viewport' content='width=device-width, initial-scale=1'>
    <title>戒指</title>

    <style>
        p.roughness {
            color: #333333;
            font-size: 15px;
            font-weight: bold;
        }
        p.content {
            color: #666666;
            font-size: 14px;
            font-weight: normal;
        }
        div.outCycle {
            width: 30px;
            height: 18px;
            float: left;
        }
        div.cycle {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            font-size: 11px;
            color: #FFFFFF;
            text-align: center;
            background-color: #6822B7;
            float: left;
            margin-top: 2px;
        }
        p.min {
            color: #666666;
            font-size: 11px;
            font-weight: normal;
        }
        img {
            max-width:100% !important;
            height:auto!important;
        }
    
        </style>
    

    <script>

        function playVideo() {
            window.webkit.messageHandlers.playShouzhuoVideo.postMessage("https://taotuo.oss-cn-hangzhou.aliyuncs.com/TaoTuoApp/Video/Bracelet.mp4");
        }

    </script>

</head>
<body>

    <p class="roughness">正确测量自己佩戴手镯的尺寸</p>
    <img src="shouzhuo.png" onclick="playVideo()">
    <p class="roughness">测量必读</p>
    
    <div class="outCycle"><div class="cycle">1</div></div>
    <p class="content">把“大拇指”移至小指的指根处。</p>
    <img src="shouzhuo_1.png">
    <p></p>

    <div class="outCycle"><div class="cycle">2</div></div>
    <p class="content">用“细线”测量手掌“最宽处”的周长。</p>
    <img src="shouzhuo_2.png">
    <p></p>

    <div class="outCycle"><div class="cycle">3</div></div>
    <p class="content">用直尺测量细线长度，即可得到手掌最宽处的周长。</p>
    <img src="shouzhuo_3.png">
    <p></p>

    <div class="outCycle"><div class="cycle">4</div></div>
    <p class="content">换算即可知道自己最适合的尺寸范围。</p>
    <p class="min">手掌直径=手掌周长÷π(3.14)</p>
    <img src="shouzhuo_4.png">
    <p></p>



</body>
</html>
